<template>
	<view class="zy-column-full">
		<zy-title title="Buy Vip"></zy-title>
		<scroll-view class="zy-scroll zy-page-padding">
			<view class="zy-bg-white-r30 zy-p-lg">
				<view class="zy-row zy-bg-orange-gradient-r30" style="border-radius: 5rpx;">
					<view class="zy-row-center zy-flex-width" style="text-align: center;"></view>
					<view class="zy-row-center zy-flex-width zy-text-black-sm" style="text-align: center;">Subsidy</view>
					<view class="zy-row-center zy-flex-width zy-text-black-sm" style="text-align: center;">Promotion Commission</view>
					<view class="zy-row-center zy-flex-width zy-text-black-sm" style="text-align: center;">Free times per day</view>
				</view>
				<view class="zy-row zy-pv">
					<view class="zy-row-center zy-flex-width zy-text-black-sm"> General user</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">0.5%</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">1% 0.5%</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">No</view>
				</view>
				<zy-line></zy-line>
				<view class="zy-row zy-pv">
					<view class="zy-row-center zy-flex-width">
						<image src="../../static/img/vip_2.png" style="width: 30rpx;" mode="widthFix"></image>
					</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">5%</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">10%/5%</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">1</view>
				</view>
				<zy-line></zy-line>
				<view class="zy-row zy-pv">
					<view class="zy-row-center zy-flex-width">
						<image src="../../static/img/vip_3.png" style="width: 30rpx;" mode="widthFix"></image>
					</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">5%</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">12%/6%/5%</view>
					<view class="zy-row-center zy-flex-width zy-text-black zy-font-bold">2</view>
				</view>
			</view>
		</scroll-view>
		<zy-button class="zy-m-lg" content="buy" @click="openPopup"></zy-button>
		
		<!-- popup -->
		<popup-buy-vip ref="popup" @ok="openPopup2"></popup-buy-vip>
		<popup-buy-vip2 ref="popup2"></popup-buy-vip2>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			openPopup(){
				this.$refs.popup.open()
			},
			openPopup2(){
				this.$refs.popup2.open()
			},
			
		}
	}
</script>

<style>

</style>
